<template>
	<view class="guanzhu">
		<view class="list">
			<view class="item flex align-center justify-between" v-for="(item, index) in list" :key="index">
				<view class="">
					<view class="user flex align-center justify-center">
						<image class="tx" :src="item.avatar" mode=""></image>
						<view class="name">
							<view class="">收到 [情不知所起] 送的礼物</view>
							<view class="">2024-05-06 12:03:06</view>
						</view>
					</view>
				</view>
				<view class="text">+{{ 10 }}票</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: []
		};
	},
	onLoad(e) {
		this.guanzhu();
	},

	methods: {
		guanzhu() {
			uni.request({
				url: `/wanlshop/activity/Index/getFollw?page=1`,
				method: 'GET',
				success: (res) => {
					console.log(1111, res);
					this.list = res.data.data;
				}
			});
		}
	}
};
</script>

<style lang="scss">
.guanzhu {
	min-height: 100vh;
	background-color: $bg1;
	.list {
		.item {
			background-color: rgba(23, 5, 35, 1);
			padding: 20rpx;
			border: 2rpx solid rgba(39, 25, 81, 1);
			.user {
				.tx {
					width: 68rpx;
					height: 68rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				.name {
					/** 文本1 */
					font-size: 28rpx;
					font-weight: 400;
					letter-spacing: 0rpx;
					line-height: 39.2rpx;
					color: rgba(255, 255, 255, 1);
				}
			}
			.btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 92rpx;
				height: 48rpx;
				font-size: 24rpx;
				font-weight: 500;
				letter-spacing: 1.2rpx;
				line-height: 33.6rpx;
				color: rgba(255, 255, 255, 1);
				border-radius: 10rpx;
				background: linear-gradient(90deg, rgba(96, 69, 251, 1) 0%, rgba(170, 40, 248, 1) 100%);
			}
			.text {
				font-size: 28rpx;
				font-weight: 700;
				letter-spacing: 0rpx;
				line-height: 39.2rpx;
				color: rgba(223, 39, 233, 1);
			}
		}
	}
}
</style>
